<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学习css3</title>
<style>
	/* 引入样式表写法  缺陷：先html 后css */
	@import url(css/学习css3.css);
			/* 需求：5个p添加背景颜色 */
	p{
		background-color: aqua;
	}
</style>
<!-- 项目专用：外部样式 找到外部css文件 
link元素[可以写多个] href=“相对路径+xxx.css”
-->
<li nk rel="stylesheet" href="css/学习css3.css" />
	</head>
	<body>
		 <!-- 文本元素群：文本元素 -->
		 <span>今天</span>是周四，<span>明天</span>是周五，<span>后天</span>是放假
		<!-- 什么是css
		 Cascading Style Sheets 层叠样式表，级联样式表，简称样式表
		      【主要作用：效果，布局】
			  使用网页中：HTML5+CSS3构建网页
			  HEML5结构层     元素      属性与属性值  功能:效果
			  问题：针对单个元素
			  css3样式层     元素    属性与属性值  功能:效果
			  解决HTML中属性与属性值针对单个元素操作问题
			  实现内容与表现分离，解决代码问题冗余
			二、使用css样式表【4种】
			【不用】1.内联【级联】样式表 ： 任意元素的前标记上添加style属性=“属性：属性值;”
			【练习专用】2.内部样式表:在head元素中，添加style元素，编写css基本语法
			【项目专用】3.外部样式表:在head元素中，添加link外链元素，编写css基本语法
			【不用】4.引入样式表:css2语法，在head元素中，添加style元素，添加@import  url();
			三、css3的基础语法
			选择器{
			属性：属性值;
			属性：属性值;
			........
			}
			选择器：抓取页面元素
			  属性：属性值; 抓到元素的效果与布局
			  效果与布局：边框，颜色，文本文字，盒模型，浮动，动画
		 -->
		 <p align="center">lorem</p>
		 <p align="center">lorem</p>
		 <!-- 1.内联样式表语法：style=“css属性：”-->
		 <p style="text-align: center;color: red;">lorem</p>
		 <p align="center">lorem</p>
		 <p align="center">lorem</p>
	</body>
</html>